<html>
<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script>	
	jQuery(function($){
		$.getJSON("http://www.dahotre.com/deals.json",
		function(data) {
			$.each(data, function(key, val){
				if (key=='dodImage') {
					$("#dodImage").attr("src", val);
				}
				else if(key=="dodTitle") {
					$("#dodProductName").html(val);
				}
				else if(key=="dodSave") {
					$("#dodSave").html(val);
				}
				else if(key=="dodPrice") {
					$("#dodPrice").html(val);
				}
				else if (key=='buzzImage') {
					$("#buzzImage").attr("src", val);
				}
				else if(key=="buzzTitle") {
					$("#buzzProductName").html(val);
				}
				else if(key=="buzzSave") {
					$("#buzzSave").html(val);
				}
				else if(key=="buzzPrice") {
					$("#buzzPrice").html(val);
				}
			});
		});
	});

	chrome.browserAction.setBadgeText({text:String('')});
	</script>
	<style>
	body {
		width: 400px;
		font-family: 'Lucida Grande', 'Segoe UI', 'Helvetica', 'Arial';
	}
	.thumbnail {
		width: 100px;
	}
	.productName {
		font-size: 0.8em;
	}
	a {
		color: #3080C8;
	}
	#headA {
		text-decoration: none;
	}
	#head {
		background-color: #c7202c;
		color: white;
		padding: 5px;
		border-radius: 5px;
	}
	#head:hover {
		cursor: pointer;
		background-color: #f0202c;
	}
	.price {
		color: #c7202c;
	}
	.save {
		color: green;
	}
	#other {
		color: #c7202c;
	}
	td {
		padding-left: 15px;
	}
	hr {
		color: white;
	}
	</style>
</head>
<body>
	<div id="body">
		<a href="http://www.o.co" target="_blank" id="headA">
			<div id="head">
				Overstock.com Deals
			</div>
		</a>
		<table id="main">
			<tr>
				<td rowspan="3">
					<a href="http://www.overstock.com/deal-of-the-day" target="_blank"><img id="dodImage" class="thumbnail"/></a>
				</td>
				<td>
					<a href="http://www.overstock.com/deal-of-the-day" target="_blank"><span id="dodProductName" class="productName"></span></a>
				</td>
			</tr>
			<tr><td>
				<span id="dodPrice" class="price"></span>
			</td></tr>
			<tr><td class="save">
				<span id="dodSave"></span>
			</td></tr>
			<!-- Next -->
			<tr><td><hr /></td><td></td></tr>
			<tr>
				<td rowspan="4">
					<a href="http://www.overstock.com/buzz-buy" target="_blank"><img id="buzzImage" class="thumbnail"/></a>
				</td>
				<td>
					<a href="http://www.overstock.com/buzz-buy" target="_blank"><span id="buzzProductName" class="productName"></span></a>
				</td>
			</tr>
			<tr><td>
				<span id="buzzPrice" class="price"></span>
			</td></tr>
			<tr><td class="save">
				Possible Extra Rewards: <span id="buzzSave"></span>%
			</td></tr>
			<tr><td>
				<img src="http://ak2.ostkcdn.com/images/mxc/120711_buzz_buy_icon.png" class="buzz-buy-image" />
			</td></tr>
		</table>
	</div>
	<div id="foot">
		<a href="http://www.overstock.com/sales" id="other" target="_blank">Other awesome deals..</a>
	</div>

</body>
</html>